&nbsp;
<!doctype html>
<html lang="en">

	<head>
		<title>Royal Hotel</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Rubik:300,400,700" rel="stylesheet">
		<link rel="stylesheet" href="../vendors/linericon/style.css">
		<link rel="stylesheet" href="../css/font-awesome.min.css">
		<link rel="stylesheet" href="../vendors/owl-carousel/owl.carousel.min.css">
		<link rel="stylesheet" href="../css/bootstrap.css">
		<link rel="stylesheet" href="../css/animate2.css">
		<link rel="stylesheet" href="../css/owl.carousel.min.css">
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" href="../css/responsive.css">
		<link rel="stylesheet" href="../vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.css">
		<link rel="stylesheet" href="../vendors/nice-select/css/nice-select.css">
		<link rel="stylesheet" href="../vendors/owl-carousel/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="../css/layui.css" />
		<link href="../css/style1.css" type="text/css" rel="stylesheet" media="all">
		<link rel="stylesheet" href="../css/font-awesome.css">
		<link href="../css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="../fonts/ionicons/css/ionicons.min.css">
		<link rel="stylesheet" href="../fonts/fontawesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="../css/magnific-popup.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css">


		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/jquery-migrate-3.0.0.js"></script>
		<script src="../js/popper.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/owl.carousel.min.js"></script>
		<script src="../js/jquery.waypoints.min.js"></script>
		<script src="../js/jquery.stellar.min.js"></script>

		<script src="../js/jquery.magnific-popup.min.js"></script>
		<script src="../js/magnific-popup-options.js"></script>

		<script src="../js/main.js"></script>

		<!-- Theme Style -->
	 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
	</head>

	<body>

		 <!--================Header Area =================-->
      <script src="../js/head.js"></script>
		<!-- END header -->

     <!-- login form popup-->

	<div id="small-dialog" class="mfp-hide book-form">

		<div class="login-form login-form-left"> 
			<div class="agile-row">
				<h3>Login to your site</h3>
				<span class="fa fa-lock"></span>
				<div class="clear"></div>
				<div class="login-agileits-top"> 	
					<form action="#" method="post"> 
						<input type="text" class="name" name="user name" Placeholder="Username" required=""/>
						<input type="password" class="password" name="Password" Placeholder="Password" required=""/>
						<input type="submit" value="Login"> 
					</form> 	
				</div> 
				<div class="login-agileits-bottom"> 
					<h6><a href="../#">Forgot password?</a></h6>
				</div> 
			</div>  
		</div> 
		
	</div>  

<!-- //login form popup-->

<!-- subscribe form popup-->
<div class="pop-up"> 
	<div id="small-dialog1" class="mfp-hide book-form">

		<div class="login-form login-form-left"> 
			<div class="agile-row">
				<h3>Be the first to hear</h3>
				<p>Sign up to get notified about latest offers, news and events. Stay tuned!</p>
				<div class="clear"></div>
				<div class="login-agileits-top"> 	
					<form action="#" method="post"> 
						<input type="text" class="name" name="name" Placeholder="Full Name" required=""/>
						<input type="email" class="email" name="email" Placeholder="Email" required=""/>
						<input type="submit" value="Get Notified"> 
					</form> 	
				</div>
			</div>  
		</div> 
		
	</div>  
</div>
<!-- //subscribe form popup-->

<!-- register form popup-->
<div class="pop-up"> 
	<div id="small-dialog2" class="mfp-hide book-form">
	
		<div class="login-form login-form-left"> 
			<div class="agile-row">
				<h3>Register form</h3>
				<div class="login-agileits-top"> 	
					<form action="#" method="post"> 
						<input type="text" class="name" name="name" Placeholder="Full Name" required=""/>
						<input type="text" class="phone" name="phone" Placeholder="Phone Number" required=""/>
						<input type="password" class="password" name="password" Placeholder="Password" required=""/>
						<div class="login-check">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i> </i> I Accept to the <a href="../#">Terms &amp; Conditions</a></label>
						</div>
						<input type="submit" value="Register"> 
					</form> 	
				</div>
			</div>
		</div>
		
	</div>
</div>
		
		<!-- END header -->

		<section class="site-hero site-hero-innerpage overlay" data-stellar-background-ratio="0.5" style="background-image: url(../images/big_image_1.jpg);">
			<div class="container">
				<div class="row align-items-center site-hero-inner justify-content-center">
					<div class="col-md-12 text-center">

						<div class="mb-5 element-animate">
							<h1>Our Rooms</h1>
							<p>Discover our world's #1 Luxury Room For VIP.</p>
						</div>

					</div>
				</div>
			</div>
		</section>
		<!-- END section -->

		<section class="site-section">
			<div class="container">
				<div class="row">
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_2.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_3.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_1.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="../#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_2.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_3.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="../#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_1.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>

					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_2.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_3.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="../#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 mb-4">
						<div class="media d-block room mb-0">
							<figure>
								<img src="../images/img_1.jpg" alt="Generic placeholder image" class="img-fluid">
								<div class="overlap-text">
									<span>
                    Featured Room 
                    <span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									<span class="ion-ios-star"></span>
									</span>
								</div>
							</figure>
							<div class="media-body">
								<h3 class="mt-0"><a href="../#">Presidential Room</a></h3>
								<ul class="room-specs">
									<li><span class="ion-ios-people-outline"></span> 2 Guests</li>
									<li><span class="ion-ios-crop"></span> 22 ft <sup>2</sup></li>
								</ul>
								<p>Nulla vel metus scelerisque ante sollicitudin. Fusce condimentum nunc ac nisi vulputate fringilla. </p>
								<p>
									<a href="booknow.html" class="btn btn-primary btn-sm">Book Now From $20</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="section-cover" data-stellar-background-ratio="0.5" style="background-image: url(../images/img_5.jpg);">
			<div class="container">
				<div class="row justify-content-center align-items-center intro">
					<div class="col-md-9 text-center element-animate">
						<h2 style="color: powderblue;">Relax and Enjoy your Holiday</h2>
						<p  class="lead mb-5" style="color: powderblue;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto quidem tempore expedita facere facilis, dolores!</p>
						<div class="btn-play-wrap">
							<a href="https://vimeo.com/channels/staffpicks/93951774" class="btn-play popup-vimeo "><span class="ion-ios-play"></span></a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- END section -->

	
		<!-- END footer -->

		<!-- loader -->
		<div id="loader" class="show fullscreen">
			<svg class="circular" width="48px" height="48px">
			</svg>
		</div>

		
	<script>
	$(document).ready(function() {
	$('.popup-with-zoom-anim').magnificPopup({
		type: 'inline',
		fixedContentPos: false,
		fixedBgPos: true,
		overflowY: 'auto',
		closeBtnInside: true,
		preloader: false,
		midClick: true,
		removalDelay: 300,
		mainClass: 'my-mfp-zoom-in'
	});
																	
	});
</script>
	</body>

</html>